<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>职位列表</title>
    <script type="text/javascript" src="https://www.lgstatic.com/lg-www-fed/pkg/vendor_e97ade5.js"></script>
</head>
<body>
<input type="button" name="uploadCV" value="上传简历" id="uploadCV" />
<br />
<br />
<br />
<table border="1">
    <tr>
        <th>职位名称</th>
        <th>薪资范围</th>
        <th>所在城市/地区</th>
        <th>所属公司</th>
        <th>经验要求</th>
        <th>学历要求</th>
        <th>职位标签</th>
        <th>公司情况</th>
        <th>操作</th>
    </tr>
    <tr>
        <td>产品总监</td>
        <td>30k-40k</td>
        <td>北京/朝阳区</td>
        <td><a href="#">峡峰</a></td>
        <td>5-10年</td>
        <td>本科</td>
        <td>医疗健康/晋升空间大</td>
        <td>物联网 / A轮 / 15-50人</td>
        <td>
            <input type="button" name="click" value="点击" onclick="myClick('产品总监/30k-40k/北京/朝阳区/峡峰');" />
            <input type="button" name="click" value="收藏" onclick="myCollect('产品总监/30k-40k/北京/朝阳区/峡峰');" />
            <input type="button" name="click" value="投简历" onclick="myDeliver('产品总监/30k-40k/北京/朝阳区/峡峰');" />
        </td>
    </tr>
    <tr>
        <td>高级产品经理</td>
        <td>25k-38k</td>
        <td>北京</td>
        <td><a href="#">PowerVision</a></td>
        <td>5-10年</td>
        <td>本科</td>
        <td>只能硬件/人工智能/移动产品/APP/项目稳定</td>
        <td>硬件,人工智能 / D轮及以上 / 150-500人</td>
        <td>
            <input type="button" name="click" value="点击" onclick="myClick('高级产品经理/25k-38k/北京/PowerVision');" />
            <input type="button" name="click" value="收藏" onclick="myCollect('高级产品经理/25k-38k/北京/PowerVision');" />
            <input type="button" name="click" value="投简历" onclick="myDeliver('高级产品经理/25k-38k/北京/PowerVision');" />
        </td>
    </tr>
    <tr>
        <td>PHP</td>
        <td>15k-25k</td>
        <td>上海/徐汇区</td>
        <td><a href="#">三体云动</a></td>
        <td>3-5年</td>
        <td>大专</td>
        <td>新零售/大数据/shell/下午茶，各种趴，超长年假，团队旅游</td>
        <td>移动互联网 / B轮 / 150-500人</td>
        <td>
            <input type="button" name="click" value="点击" onclick="myClick('PHP/15k-25k/上海/徐汇区/三体云动');" />
            <input type="button" name="click" value="收藏" onclick="myCollect('PHP/15k-25k/上海/徐汇区/三体云动');" />
            <input type="button" name="click" value="投简历" onclick="myDeliver('PHP/15k-25k/上海/徐汇区/三体云动');" />
        </td>
    </tr>
</table>
<script>
    var myClick = function(msg){
        $.ajax({
            url:'http://127.0.0.1:8080/job/proxy',
            type:'post',
            data:{'msg':'点击 - '+msg},
            success: function (data) {
                console.log(data);
            }
        });
    };
    var myCollect = function(msg){
        $.ajax({
            url:'http://127.0.0.1:8080/job/proxy',
            type:'post',
            data:{'msg':'收藏 - '+msg},
            success: function (data) {
                console.log(data);
            }
        });
    };
    var myDeliver = function(msg){
        $.ajax({
            url:'http://127.0.0.1:8080/job/proxy',
            type:'post',
            data:{'msg':'投递 - '+msg},
            success: function (data) {
                console.log(data);
            }
        });
    };
    $('#uploadCV').click(function () {
        $.ajax({
            url:'http://127.0.0.1:8080/job/proxy',
            type:'post',
            data:{'msg':'上传简历'},
            success: function (data) {
                console.log(data);
            }
        });
    });
</script>
</body>
</html>
